<script setup lang="ts">
import type { AiPTProcedure } from '@/index.d';

const props = defineProps({
  ptProcedure: Object as PropType<AiPTProcedure>
});
</script>
<template>
  <!-- <el-col v-for="key in Object.keys(props.ptProcedure!)">
    {{ key }}： {{ (ptProcedure as AiPTProcedure)[key] }}
  </el-col> -->
  <el-row>
    <el-col :span="24" class="element-title">渗透检测工艺</el-col>
    <el-col :span="4" class="element-title">规程编号</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.documentReference }}</el-col>
    <el-col :span="4" class="element-title">规程版本</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.documentRevision }}</el-col>
    <el-col :span="4" class="element-title">温度下限</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.temperatureDown }}</el-col>
    <el-col :span="4" class="element-title">温度上限</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.temperatureUp }}</el-col>
    <el-col :span="4" class="element-title">渗透时间下限</el-col>
    <el-col :span="8" class="element-content">
      {{ props.ptProcedure?.penetrationDwellTimeDown }}
    </el-col>
    <el-col :span="4" class="element-title">渗透时间上限</el-col>
    <el-col :span="8" class="element-content">
      {{ props.ptProcedure?.penetrationDwellTimeUp }}
    </el-col>
    <el-col :span="4" class="element-title">渗透材料制造方</el-col>
    <el-col :span="8" class="element-content">
      {{ props.ptProcedure?.penetrationSetManufacturer }}
    </el-col>
    <el-col :span="4" class="element-title">渗透剂型号</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.penetrationName }}</el-col>
    <el-col :span="4" class="element-title">去除剂型号</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.cleanerName }}</el-col>
    <el-col :span="4" class="element-title">显像剂型号</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.developerName }}</el-col>
    <el-col :span="4" class="element-title">验收标准</el-col>
    <el-col :span="20" class="element-content">{{ props.ptProcedure?.acceptStandard }}</el-col>
    <el-col :span="4" class="element-title">编制</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.writerName }}</el-col>
    <el-col :span="4" class="element-title">审核</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.reviewerName }}</el-col>
    <el-col :span="4" class="element-title">批准</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.approverName }}</el-col>
    <el-col :span="4" class="element-title">日期</el-col>
    <el-col :span="8" class="element-content">{{ props.ptProcedure?.currentDate }}</el-col>
  </el-row>
</template>
<style scoped lang="scss">
.el-row {
  .el-col {
    height: 3em;
    line-height: 3em;
    text-align: center;
    border: 1px dotted rgb(165, 6, 33);
  }
}
</style>
